<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正宗小龙虾美食 - 麻辣鲜香</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background-color: #fff5f0;
            color: #333;
            line-height: 1.6;
        }
        
        header {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
                        url('https://img95.699pic.com/photo/40192/1334.jpg_wh860.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            text-align: center;
            padding: 120px 20px;
            position: relative;
        }
        
        h1 {
            font-size: 3rem;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
        }
        
        .intro {
            background-color: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 40px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
        
        .intro-text {
            flex: 1;
            min-width: 300px;
            padding-right: 20px;
        }
        
        .intro-image {
            flex: 1;
            min-width: 300px;
        }
        
        .intro-image img {
            width: 100%;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 30px;
            margin-bottom: 40px;
        }
        
        .dish-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
        }
        
        .dish-card:hover {
            transform: translateY(-10px);
        }
        
        .dish-image {
            height: 250px;
            overflow: hidden;
        }
        
        .dish-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .dish-card:hover .dish-image img {
            transform: scale(1.1);
        }
        
        .dish-content {
            padding: 20px;
        }
        
        .dish-title {
            color: #e74c3c;
            margin-bottom: 10px;
            font-size: 1.5rem;
        }
        
        .science-section {
            background-color: #f0f9ff;
            padding: 40px;
            border-radius: 8px;
            margin-bottom: 40px;
        }
        
        .science-fact {
            background: white;
            padding: 20px;
            border-radius: 8px;
            margin-top: 20px;
        }
        
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 30px;
            margin-top: 60px;
        }
        
        @media (max-width: 768px) {
            h1 {
                font-size: 2.2rem;
            }
            .intro {
                flex-direction: column;
            }
            .intro-text {
                padding-right: 0;
                margin-bottom: 20px;
            }
        }
    </style>
</head>
<body>
    <header>
        <h1>正宗小龙虾美食</h1>
        <p>克氏原螯虾 · 夏日味蕾盛宴</p>
    </header>
    
    <div class="container">
        <section class="intro">
            <div class="intro-text">
                <h2>小龙虾美食文化</h2>
                <p>小龙虾（学名：Procambarus clarkii），又称克氏原螯虾，原产于美国南部和墨西哥北部，20世纪30年代传入中国南京附近。如今已成为中国人夏季最喜爱的美食之一，特别是在长江中下游地区。</p>
                <p>中国小龙虾产业年产值已超4000亿元，其中湖北省产量占全国近一半。最佳食用季节是5-9月，此时的小龙虾肉质最为饱满。</p>
            </div>
            <div class="intro-image">
                <img src="https://img95.699pic.com/photo/50160/6514.jpg_wh860.jpg" alt="鲜活小龙虾">
            </div>
        </section>
        
        <h2 style="text-align: center; color: #e74c3c; margin-bottom: 30px;">经典小龙虾做法</h2>
        <div class="gallery">
            <div class="dish-card">
                <div class="dish-image">
                    <img src="https://pic.nximg.cn/file/20230529/33857552_114312082103_2.jpg" alt="麻辣小龙虾">
                </div>
                <div class="dish-content">
                    <h3 class="dish-title">麻辣小龙虾</h3>
                    <p>使用四川花椒和干辣椒爆炒，麻、辣、鲜、香四味俱全，配冰啤酒堪称一绝。</p>
                </div>
            </div>
            
            <div class="dish-card">
                <div class="dish-image">
                    <img src="https://ts1.tc.mm.bing.net/th/id/R-C.f8b36f048dbea17cf7b62543280980e4?rik=q7fMegTR3ttsUg&riu=http%3a%2f%2fjhdlscyz.com%2fuploads%2fimg1%2f20171117%2f5a0e7f9322981.jpg&ehk=aaGaHmpyB1r0iN0%2f5gRgDnk1h40yM1RpjAuAinIyDCM%3d&risl=&pid=ImgRaw&r=0" alt="蒜蓉小龙虾">
                </div>
                <div class="dish-content">
                    <h3 class="dish-title">蒜蓉小龙虾</h3>
                    <p>用大量蒜末炒制，蒜香浓郁但辣度温和，江浙沪地区最流行的做法之一。</p>
                </div>
            </div>
            
            <div class="dish-card">
                <div class="dish-image">
                    <img src="https://pic.nximg.cn/file/20160714/9885883_184458855000_2.jpg" alt="十三香小龙虾">
                </div>
                <div class="dish-content">
                    <h3 class="dish-title">十三香小龙虾</h3>
                    <p>源自江苏盱眙的传统做法，使用13种香料卤制，味道层次丰富。</p>
                </div>
            </div>
        </div>
        
        <section class="science-section">
            <h2 style="text-align: center; color: #e74c3c; margin-bottom: 30px;">小龙虾科学知识</h2>
            <div class="science-fact">
                <h3>如何辨认正宗小龙虾？</h3>
                <ul>
                    <li>螯足外侧有明显凸起的红色结节</li>
                    <li>背部有4-5道明显横纹</li>
                    <li>体长通常在10-15厘米</li>
                    <li>腹部第二侧甲板不与第三侧甲板重叠</li>
                </ul>
            </div>
            
            <div class="science-fact" style="margin-top: 20px;">
                <h3>小龙虾的营养价值</h3>
                <p>每100克小龙虾肉含：</p>
                <ul>
                    <li>蛋白质：16-20克（优质蛋白）</li>
                    <li>脂肪：仅1-2克</li>
                    <li>富含Omega-3脂肪酸</li>
                    <li>丰富的硒、锌等微量元素</li>
                </ul>
            </div>
        </section>
    </div>
    
    <footer>
        <p>© 2023 正宗小龙虾美食网 | 联系电话：400-888-8888</p>
        <p>地址：湖北省武汉市洪山区小龙虾美食街88号</p>
    </footer>
</body>
</html>